<!--
/*----------------------------------------------------
JavaScript Slider Menu
Author, Rounak Saha (Ron)
Copyright (c) 2015, Rounak Saha

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
------------------------------------------------------*/
-->
<html>
<head>
<link href="slider.css" type="text/css" rel="Stylesheet">
<script type="text/javascript" src="jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="slider.js"></script>

<script type="text/javascript">
$(document).ready(function() {
	Slider
	.set({r: 170})
	.init("#slider1");
	
});
</script>
<style type="text/css">
.content {
	float:left;
}
</style>

</head>
<body>
<!--[if lte IE 9]>
<ul id="slider" class="ie8">
<![endif]-->
<!--[if gt IE 9]> <!-- -->
<ul id="slider1" class="slider nie8">
<!-- <![endif]-->
	<li>
		<div class="tile">
			<div class="content">
				<h2>Great Mormon</h2>
				<span style="float: left; margin-right: 5px; width: 200px;"><img src="http://upload.wikimedia.org/wikipedia/commons/thumb/c/c0/Great_Mormon_male.JPG/320px-Great_Mormon_male.JPG" alt="butterfly1" style="width: 200px;"></span>
					<span style="float: left; width: 140px; text-align: justify;">Great Mormon (Papilio memnon) is a species of swallowtail butterfly found in South Asia</span>
			</div>
		</div>
	</li>
	<li>
		<div class="tile">
			<div class="content">
				<h2>Malabar Banded Swallowtail</h2>
				<span style="float: left; margin-right: 5px; width: 200px;"><img src="http://upload.wikimedia.org/wikipedia/commons/e/e7/Malabar_swallowtail.jpg" alt="butterfly1" style="width: 200px;"></span>
					<span style="float: left; width: 140px; text-align: justify;">Malabar Banded Swallowtail (Papilio liomedon) a species of the coastal forests.</span>
			</div>
		</div>
	</li>
	<li>
		<div class="tile">
			<div class="content">
				<h2>Common Blue Apollo</h2>
				<span style="float: left; margin-right: 5px; width: 200px;"><img src="http://upload.wikimedia.org/wikipedia/commons/5/5c/Common_Blue_Apollo_Parnassius_hardwickii_I_IMG_7202.jpg" alt="butterfly1" style="width: 200px;"></span>
					<span style="float: left; width: 140px; text-align: justify;">Common Blue Apollo Parnassius hardwickii is a high altitude butterfly which is found in South Asia. It is a member of the Snow Apollo genus Parnassius of the Swallowtail (Papilionidae) family.</span>
			</div>
		</div>
	</li>
	<li>
		<div class="tile">
			<div class="content">
				<h2>Common Red Apollo</h2>
				<span style="float: left; margin-right: 5px; width: 200px;"><img src="http://upload.wikimedia.org/wikipedia/commons/2/2d/Parnassius_ephaphus_ulster-modified.jpg" alt="butterfly1" style="width: 200px;"></span>
					<span style="float: left; width: 140px; text-align: justify;">Common Red Apollo Parnassius epaphus is a high altitude butterfly which is found in India and Nepal. It is a member of the Snow Apollo genus Parnassius of the Swallowtail (Papilionidae) family.</span>
			</div>
		</div>
	</li>
	<li>
		<div class="tile">
			<div class="content">
				<h2>Bhutan Glory</h2>
				<span style="float: left; margin-right: 5px; width: 200px;"><img src="http://upload.wikimedia.org/wikipedia/commons/thumb/0/03/BhutliddCRW_4351.jpg/320px-BhutliddCRW_4351.jpg" alt="butterfly1" style="width: 200px;"></span>
					<span style="float: left; width: 140px; text-align: justify;">The Bhutan Glory, Bhutanitis lidderdalii, is a species of swallowtail butterfly (family Papilionidae), which is found in Bhutan, parts of northeastern India and of Southeast Asia.</span>
			</div>
		</div>
	</li>
	<li>
		<div class="tile">
			<div class="content">
				<h2>Kaiser-e-Hind</h2>
				<span style="float: left; margin-right: 5px; width: 200px;"><img src="http://upload.wikimedia.org/wikipedia/commons/thumb/0/03/Teinopalpus_imperialis_female.jpg/306px-Teinopalpus_imperialis_female.jpg" alt="butterfly1" style="width: 200px;"></span>
					<span style="float: left; width: 140px; text-align: justify;">The Kaiser-i-Hind (Teinopalpus imperialis) is a rare species of swallowtail butterfly found from Nepal and north India east to north Vietnam. The common name literally means "Emperor of India".</span>
			</div>
		</div>
	</li>
	<li>
		<div class="tile">
			<div class="content">
				<h2>Spot Swordtail</h2>
				<span style="float: left; margin-right: 5px; width: 200px;"><img src="http://upload.wikimedia.org/wikipedia/commons/5/52/RN001_Pathysa_nomius_UP.jpg" alt="butterfly1" style="width: 200px;"></span>
					<span style="float: left; width: 140px; text-align: justify;">Spot Swordtail (Graphium nomius) is a beautiful butterfly found in South and Southeast Asia that belongs to the Swallowtail family. One of the grandest sights is a host of Spot Swordtails mud-puddling or swarming around a flowering forest tree.</span>
			</div>
		</div>
	</li>
</ul>
</body>
</html>